Searchable Dropdown Input is a Bubble visual element for building fast, polished single-select search inputs with a floating dropdown that does not push page layout. It works with either Bubble Thing lists or aligned text lists, making it useful for native app data, external search results, and hybrid workflows.
The plugin supports fuzzy search, keyboard navigation, open-on-focus behavior, optional thumbnails, subtitles, empty and no-results states, and CTA actions for custom workflows. It also exposes useful states, events, and actions so you can react to query changes, selections, clears, dropdown open/close events, and programmatic control.
Customization features include source mode selection, Thing-mode field mapping, up to 10 searchable fields, text-mode remote-ranked / contains / local fuzzy search behavior, debounce and min-character settings, max results, open/close behavior, clear-on-select, and optional CTA labels. Styling controls cover input visuals, dropdown background and shadow, spacing, row layout, image sizing, label and subtitle typography, hover and selected states, and empty-state / CTA styling.
Free
For everyone
stars • 0 ratings
1 installs
This plugin does not collect or track your personal data.
Installation Instructions
1. Install the Searchable Dropdown Input plugin in Bubble. 2. Drop the element onto your page. 3. Choose a source mode: - Thing mode: set the data type, records list, and label field. - Text mode: bind text_records and any optional subtitle, image, or search lists. 4. Adjust styling and behavior settings in the property editor. 5. Use the exposed states, events, and actions in workflows if needed.
Types
This plugin can be found under the following types: